@charset "utf-8";
/* CSS Document */
@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:30px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	color:#777; cursor:pointer;}
.iconfont:hover{color:#000;}
#top{width:100%; height:128px; background:#fff; position:relative;}
.logo{width:220px; height:80px; position:absolute; top:25px; left:5%;}
.nav{width:600px; height:128px; position:absolute; left:50%; margin-left:-270px;}
.nav ul li{width:90px; height:128px; margin-right:10px; cursor:pointer; float:left;}
.nav ul li:hover{background:url(../images/nav_bg.png) no-repeat;}
.nav ul li:hover a{color:#FFF; height:32px; line-height:32px;}
.nav ul li a{display:block; width:90px; height:22px; color:#e60012; padding-top:96px; line-height:22px; text-align:center;}
.nav ul li a:hover{color:#FFF; height:32px; line-height:32px;}
.n0 a{background:url(../images/icon_home.png) no-repeat 20px 28px;}
.n0 a:hover{background:url(../images/icon_home2.png) no-repeat 20px 28px;}
.n1 a{background:url(../images/icon_about.png) no-repeat 20px 28px;}
.n1 a:hover{background:url(../images/icon_about2.png) no-repeat 20px 28px;}
.n2 a{background:url(../images/icon_pro.png) no-repeat 20px 28px;}
.n2 a:hover{background:url(../images/icon_pro2.png) no-repeat 20px 28px;}
.n3 a{background:url(../images/icon_news.png) no-repeat 20px 28px;}
.n3 a:hover{background:url(../images/icon_news2.png) no-repeat 20px 28px;}
.n4 a{background:url(../images/icon_xw.png) no-repeat 20px 28px;}
.n4 a:hover{background:url(../images/icon_xw2.png) no-repeat 20px 28px;}
.n5 a{background:url(../images/icon_contact.png) no-repeat 20px 28px;}
.n5 a:hover{background:url(../images/icon_contact2.png) no-repeat 20px 28px;}
.share{width:120px; height:40px; position:absolute; top:55px; right:5%;}
.share a{margin-right:5px;}
#search{width:130px; height:26px; background:url(../images/text_search.png) no-repeat; position:absolute; left:-150px; top:-1px; padding-left:10px;}
#search input{border:none; width:105px; height:24px; background:none; line-height:24px; color:#bbb; font-size:12px;}
.btn_search{width:19px; height:19px; position:absolute; right:1px; top:3px;}
/*banner*/
.banner{width:100%; height:500px; background:#333;}
/*---banner*/
#content{width:100%; height:auto;}
#cpyy{width:100%; height:530px; padding-top:70px;}
.cpyy{width:1100px; height:507px; margin:0 auto; padding-top:70px; background:url(../images/t_cpyy.png) no-repeat center 0}
.yy_t{width:180px; height:40px; margin:0 auto;}
.yy_t a{display:block; width:90px; border-bottom:1px #ccc solid; line-height:40px; color:#666; font-size:14px; text-align:center; float:left;}
.yy_t #gongye{border-bottom:1px solid #ec6d00;}
.yy_show{width:1100px; height:242px; background:url(../images/link_bg2.gif) no-repeat; position:relative; padding-top:30px}
.mr_frUl{width:1000px; height:386px; margin:0 auto; }
.mr_frUl ul li{width:242px; height:386px; float:left; margin-right:12px; _display:inline}
.mr_frUl ul li a{display:block; width:242px; height:386px; position:relative; transition: all 1s ease 0s;}
.mr_frUl ul li a:hover .yy_name{ background:#ec6d00; transition: all 0.8s ease 0s;}
.mr_frUl ul li a:hover .yy_mc{ color:#fff; }
.mr_frUl ul li a:hover .yy_ms{ color:#fff; }
.mr_frUl ul li a:hover .yy_more{ width:30px; height:30px; display:block; background:url(../images/more.png) no-repeat; -moz-transition: all 0.8s ease 0s;}
.yy_img{display:block; width:242px; height:242px; position:absolute; z-index:1000; top:0; left:0;}
.yy_img img{width:242px; height:242px; display:block}
.yy_name{width:242px; height:200px; background:none; position:absolute; display:block; z-index:10000; top:186px; left:0}
.yy_name .yy_more{position:absolute; top:38px; left:105px; display:none;}
.yy_name .yy_mc{position:absolute; top:82px; left:50%; width:180px; margin-left:-90px; text-align:center; color:#333;}
.yy_name .yy_ms{position:absolute; top:116px; left:50%; margin-left:-100px; width:200px; text-align:center; color:#b0b0b0}
.mr_frBtnL{width:14px; height:27px; position:absolute; left:1px; top:140px; cursor: pointer;}
.mr_frBtnr{width:14px; height:27px; position:absolute; right:1px; top:140px;cursor: pointer;}
.bt_more{width:148px; height:36px; position:absolute;}
.bt_more a{display:block; width:148px; height:36px; line-height:36px; color:#ec6d00; text-align: center;background: #fff; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 20px; border:#ec6d00 1px solid}
.bt_more a:hover{-webkit-box-shadow: 2px 2px 8px rgba(236,109,0,0.5); -moz-box-shadow: 2px 2px 8px rgba(236,109,0,0.5); box-shadow: 2px 2px 8px rgba(236,109,0,0.5); font-size:15px;}
/*首页产品展示开始*/
#cpzs{width:100%; height:auto; background:#FFF}
.cpzs{width:1100px; min-height:570px; height:auto !important; _height:570px; overflow:visible;margin:0 auto; background: #FFF url(../images/cp_bt.png) no-repeat center 40px; padding-top:325px; position:relative;}
.cp_left{width:318px; min-height:498px; height:auto !important; _height:498px; overflow:visible; border:1px solid #d1d1d1; float:left; margin-left:5px; _display:inline}
.cp_ss{width:278px; margin:26px auto 20px auto; height:38px; border:1px solid #ccc}
.cp_ss_text{width:215px; height:38px; border:none; line-height:38px; padding-left:15px; padding-right:10px; color:#999}
.cp_ss .submit{width:30px; height:30px; border:none; background:url(../images/btn_ss.png) no-repeat; cursor:pointer;}
/*首页手风琴菜单开始*/
.menu_list{width:280px; margin:0 auto}
.menu_head{width:280px;height:35px;line-height:35px;font-size:14px;color:#333;cursor:pointer;position:relative; background:#f0f4f7 url(../images/icon_sjy.png) 260px center no-repeat; margin-bottom:8px;}
.menu_list .current{background:#f0f4f7 url(../images/icon_sjx.png) 258px center no-repeat;}
.menu_body{width:190px;height:auto;overflow:hidden;line-height:30px; margin:0 auto 10px auto;}
.menu_body a{display:block;width:169px;height:30px;line-height:30px;padding-left:21px;color:#555;background:url(../images/icon_sj3.png) no-repeat 0 center;text-decoration:none;}
.menu_body a:hover{background:url(../images/icon_sj4.png) no-repeat 0 center; color:#f60}
.m1{background:url(../images/m1.png) no-repeat; padding-left:48px; display:block; line-height:35px;}
.m2{background:url(../images/m2.png) no-repeat; padding-left:48px; display:block; line-height:35px;}
.m3{background:url(../images/m3.png) no-repeat; padding-left:48px; display:block; line-height:35px;}
/*首页手风琴菜单结束*/
.btn_more_fl{width:278px; height:38px; border:1px solid #e0e1e2; background:#f0f4f7; text-align:center; margin:14px auto 15px auto; line-height:38px;}
.btn_more_fl a{ color:#666;}
.btn_more_fl a:hover{text-decoration:underline;}
.cp_right{width:762px; min-height:498px; height:auto !important; _height:498px; overflow:visible; float:right;}
.cp_right ul li{width:242px; height:242px; margin:0 6px 15px 6px; float:left; position:relative; overflow:hidden}
.cp_right ul li img{width:242px; height:242px;}
.cp_right ul li .text{width:242px; height:242px; background:url(../images/text_bg.png) no-repeat; position:absolute; bottom:-242px; left:0; display:none;}
.cp_right ul li .text a{display:block; width:180px; height:92px; padding-left:36px; padding-right:26px; padding-top:150px; color:#FFF; line-height:22px;}
.cp_right ul li .text a small{color:#dedede; font-size:13px;}

/*独家优势开始*/
#djys{width:100%; height:auto; background:#fbfbfb;}
.djys{width:1100px; height:400px; margin:0 auto; background:url(../images/t_djys.png) no-repeat center 50px; padding-top:160px; position:relative}
.djys_bt{width:812px; height:57px; border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf; line-height:57px; padding-left:94px; padding-right:94px;  margin:0 auto 30px auto;}
.djys_bt a{display:block; width:163px; float:left; margin-right:20px; margin-left:20px; text-align:center; color:#555; font-size:14px;}
.djys_bt a:hover{ text-decoration:underline;}
.ysimg{width:1000px; height:300px; margin:0 auto}
.ysdian{width:80px; height:10px; position:absolute; bottom:45px; left:50%; margin-left:-30px;}
.ysdian a{display:block; float:left; width:10px; height:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#999; margin-right:10px; text-indent:-11110px;}

/*独家优势*/
.flexslider{position:relative;width:1000px;height:300px;overflow:hidden;zoom:1; margin:0 auto;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}


.dsj{width:100%; height:478px; background: #FFF url(../images/dsj_bg.png) no-repeat center 0; padding-top:372px;}
.dsj_show{width:1100px; height:478px; background:url(../images/sj_bg.png) no-repeat; margin:0 auto; position:relative; line-height:20px; color:#767676; vertical-align:top}
.dsj_show span{font-size:50px; visibility:visible; padding-right:5px; padding-left:5px; vertical-align:top; }
.sj1{position:absolute; left:330px; top:64px; cursor:pointer;}
.sj1:hover span{color:#ec6d00; transition:all 0.4s ease; }
.sj2{position:absolute; left:360px; top:206px; cursor:pointer;}
.sj2:hover span{color:#ec6d00; transition:all 0.4s ease; }
.sj3{position:absolute; left:450px; top:330px; cursor:pointer;}
.sj3:hover span{color:#ec6d00; transition:all 0.4s ease; }
.sj4{position:absolute; left:544px; top:430px; cursor:pointer;}
.sj4:hover span{color:#ec6d00; transition:all 0.4s ease; }
.span{color:#b1b1b1;}
.span2{color:#ec6d00;}
.sj2 .new_sj{display:none;}
.new_sj{display:none;position:absolute; width:400px; height:89px; background:url(../images/sj_new_bt.png) no-repeat; cursor:default; z-index:1000}
.new_sj .time{width:120px; background:url(../images/sj_new_sj.png) no-repeat; height:74px; position:absolute; left:-130px; top:3px; line-height:60px; text-align:center; font-size:30px; color:#FFF}
.new_sj .link{width:14px; height:28px; position:absolute; right:-30px; top:35px; background:url(../images/news_right.png) no-repeat}
.new_sj .xs{width:330px; height:20px; line-height:20px; display:block; position:absolute; color:#FFF; top:23px; left:38px;}
.new_sj .xs a{color:#FFF;}
.new_sj .xs a:hover{text-decoration:underline;}
.new_sj .rq{width:100px; height:20px; position:absolute; bottom:22px; right:20px; text-align:right; color:#FFF}


#sy_about{width:100%; height:615px; background:url(../images/about_bg.jpg) center;}
.sy_about{background:url(../images/about_title.png) no-repeat 350px 100px; width:1000px; height:400px; padding-top:215px; margin:0 auto}
.about_show{width:1000px; text-indent:28px; color:#555; line-height:30px; text-align:center; margin-bottom:50px;}
.sjz{width:510px; height:210px; position:relative; margin:0 auto; background:url(../images/sjz.png) no-repeat}
#foot{width:100%; height:323px; padding-top:60px; background:url(../images/foot_bg.jpg) no-repeat center;}
.foot{width:600px; height:32px; margin:0px auto 30px auto;}
.foot ul li {width:100px; height:32px;  line-height:32px; text-align:center; float:left}
.foot ul li a{color:#fff; padding-bottom:4px;}
.foot ul li:hover a{color:#f60; border-bottom:2px solid #f60;}
.foot_how{width:600px; height:30px; line-height:30px; font-size:26px; text-align:center; color:#c0c0c0; margin:0 auto 30px auto; letter-spacing:0px;}
.foot_how a{color:#c0c0c0; }
.copyright{width:100%; text-align:center; color:#999; margin-bottom:12px;}
.foot_fx{width:180px; height:30px; margin:0 auto 20px auto; overflow:visible; padding-left:10px; -webkit-filter: grayscale(1);
filter:gray; filter: grayscale(1); }
.foot_fx a{padding:0 5px;}
.yyzz{width:174px; height:49px; margin:0 auto;}

/*banner_show*/
.banner .flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.banner .flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.banner .flex-direction-nav .flex-prev{left:0;}
.banner .flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.banner .flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.banner .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.banner .flex-control-nav{width:100%;position:absolute;bottom:25px;text-align:center;}
/*banner_show---*/


@media screen and (max-width: 1024px) { 
.logo{width:220px; height:80px; position:absolute; top:25px; left:1%;}
.nav{width:600px; height:128px; position:absolute; left:50%; margin-left:-250px;}
.share{width:120px; height:40px; position:absolute; top:55px; right:1%;}